<template>
  <div class="w-full h-full min-h-screen box-border relative">  
    <Nav />
    <RouterView />
    <van-config-provider :theme-vars="themeVars">
      <van-floating-bubble
        style="top: -50px;" 
        axis="lock" 
        icon="down"
        @click="open(serverUrl)"
      />
    </van-config-provider>
    <Footer />
  </div>
</template>
<script setup lang="ts">
import Nav from "@/components/Nav/index.vue"

import Footer from "@/components/Footer/index.vue"

import { RouterView } from "vue-router"

import { useUserStore } from "@/store/user"

import { open } from "@/utils/index"

const user = useUserStore()

const serverUrl = user.config ? user.config['customer.config.contactUrl'] : ''

const themeVars = {
  'floating-bubble-background': '#24c8ce'
}
</script>

<style lang="less" scoped></style>
